@media only screen and (max-width: 768px) {

    :root {
        --base_font: 1.2rem;
        --base_font14: 1.2rem;
        --base_font17: 1.3rem;
        --base_font18: 1.5rem;
        --base_font19: 1.9rem;
        --base_font20: 1.5rem;
        --base_font22: 1.6rem;
        --base_font27: 1.7rem;
        --base_font30: 3.0rem;
        --base_font35: 2.5rem;
        --base_font40: 3.0rem;
        --base_font45: 3.5rem;
        --base_font50: 3.0rem;
        --base_font70: 3.0rem;
        --base_font80: 4.0rem;
    }

    .p50 { padding: 30px; }

    .p_tb60 { padding: 20px 0;  }

    .p_tb80 { padding: 20px; }

    .p_tb100 {
        padding: 30px 0;
    }

    .jxw { max-width: 100px; }

    #in_a_box .show { margin-top: 60px; }
    #in_a_box .link { margin-top: 60px; }

    #in_a_box .in_gs_pic { box-shadow: -10px -10px 0 #d83c2e; }

    #in_a_box .content { margin: 0; }

    #name_box_w .row>.col {
        height: 70px;
    }

    #in_d_box .sp1 { width: 100px; left: 0; }
    #in_d_box .sp2{ width: 80px; left: 0;}

    #in_e_box ul li { height: 200px; }

    #in_f_box .x_title { margin-bottom: 50px; }

    #in_f_box .list li { margin-bottom: 20px !important; }

    #in_f_box .list li:nth-child(even) .box { margin-top: 0; }

    #in_f_box .list li .box { height: auto; padding: 10px; }

    #in_h_box .l_box { float: none !important; padding-left: 20px; }

    #in_i_box .better_list .time { margin: 10px 0; }

    .swiper-container1 .swiper-pagination .swiper-pagination-bullet i {
        width: 48px !important;
        height: 48px !important;
        line-height: 48px !important;
        font-size: 2.6rem !important;
        font-weight: bold;
    }

    .swiper-container1 .swiper-pagination .swiper-pagination-bullet p {
        font-size: x-small;
    }

    #banner_box .jxw {
        width: 100px;
        bottom: 10px;
    }

    .page-footer dt { font-size: var(--base_font27) }

    .sm-center-align { text-align: center; }

    #zy_banner_box { height: 300px !important; }
    #zy_banner_box .desc p { padding-left: 0; letter-spacing: 12px; margin: 0; }

    .about_a_r img { max-width: 150px; margin-top: 0 !important; }

    .page_title { margin-bottom: 10px; }

    .page_desc {
        font-size: var(--base_font);
        margin: 20px 0;
    }

    #product_a .pro_box ul li {
        height: 200px;
    }

    #picList .Pic_list_txt .t2 { height: auto; }

    #brand_a li { margin-bottom: 20px; }

    #brand_a li .box { width: 100%; padding: 20px; float: none !important; }
    #brand_a li:nth-child(2) .box { margin: 0; }
    #brand_a li dd { line-height: 24px; }

    #brand_b li { margin-bottom: 20px; }
    #brand_b li .box { height: auto; padding: 0; margin: 0 !important; }

    #brand_c li p { height: 90px; line-height: 30px; }

    #brand_d li { margin-bottom: 10px; }
    #brand_d li .box { height: auto; padding: 20px; }

    #brand_d li p { line-height: 1.8; }

    .proShow_img { margin-top: 50px; }

}


@media only screen and (min-width: 769px) and (max-width: 991px) {

    :root {
        --base_font: 1.2rem;
        --base_font14: 1.2rem;
        --base_font17: 1.3rem;
        --base_font18: 1.5rem;
        --base_font19: 1.9rem;
        --base_font20: 1.5rem;
        --base_font22: 1.6rem;
        --base_font27: 1.7rem;
        --base_font30: 3.0rem;
        --base_font35: 2.5rem;
        --base_font40: 3.0rem;
        --base_font45: 3.5rem;
        --base_font50: 3.0rem;
        --base_font70: 3.0rem;
        --base_font80: 4.0rem;
    }

    .p50 { padding: 30px; }

    .p_tb60 { padding: 20px 0;  }

    .p_tb80 { padding: 20px; }

    .p_tb100 {
        padding: 30px 0;
    }

    .jxw { max-width: 100px; }

    #in_a_box .show { margin-top: 60px; }
    #in_a_box .link { margin-top: 60px; }

    #in_a_box .in_gs_pic { box-shadow: -10px -10px 0 #d83c2e; }

    #in_a_box .content { margin: 0; }

    #name_box_w .row>.col {
        height: 70px;
    }

    #in_d_box .sp1 { width: 100px; left: 0; }
    #in_d_box .sp2{ width: 80px; left: 0;}

    #in_e_box ul li { height: 200px; }

    #in_f_box .x_title { margin-bottom: 50px; }

    #in_f_box .list li { margin-bottom: 20px !important; }

    #in_f_box .list li:nth-child(even) .box { margin-top: 0; }

    #in_f_box .list li .box { height: auto; padding: 10px; }

    #in_h_box .l_box { float: none !important; padding-left: 20px; }

    #in_i_box .better_list .time { margin: 10px 0; }

    .swiper-container1 .swiper-pagination .swiper-pagination-bullet i {
        width: 48px !important;
        height: 48px !important;
        line-height: 48px !important;
        font-size: 2.6rem !important;
        font-weight: bold;
    }

    .swiper-container1 .swiper-pagination .swiper-pagination-bullet p {
        font-size: x-small;
    }

    #banner_box .jxw {
        width: 100px;
        bottom: 10px;
    }

    .page-footer dt { font-size: var(--base_font27) }

    .sm-center-align { text-align: center; }

    #zy_banner_box { height: 300px !important; }
    #zy_banner_box .desc p { padding-left: 0; letter-spacing: 12px; margin: 0; }

    .about_a_r img { max-width: 150px; margin-top: 0 !important; }

    .page_title { margin-bottom: 10px; }

    .page_desc {
        font-size: var(--base_font);
        margin: 20px 0;
    }

    #product_a .pro_box ul li {
        height: 200px;
    }

    #picList .Pic_list_txt .t2 { height: auto; }

    #brand_a li { margin-bottom: 20px; }

    #brand_a li .box { width: 100%; padding: 20px; float: none !important; }
    #brand_a li:nth-child(2) .box { margin: 0; }
    #brand_a li dd { line-height: 24px; }

    #brand_b li { margin-bottom: 20px; }
    #brand_b li .box { height: auto; padding: 0; margin: 0 !important; }

    #brand_c li p { height: 90px; line-height: 30px; }

    #brand_d li { margin-bottom: 10px; }
    #brand_d li .box { height: auto; padding: 20px; }

    #brand_d li p { line-height: 1.8; }

    .proShow_img { margin-top: 50px; }

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    :root {
        --base_font: 1.2rem;
        --base_font14: 1.2rem;
        --base_font17: 1.3rem;
        --base_font18: 1.5rem;
        --base_font19: 1.9rem;
        --base_font20: 1.5rem;
        --base_font22: 1.6rem;
        --base_font27: 1.7rem;
        --base_font30: 3.0rem;
        --base_font35: 2.5rem;
        --base_font40: 3.0rem;
        --base_font45: 3.5rem;
        --base_font50: 3.0rem;
        --base_font70: 3.0rem;
        --base_font80: 4.0rem;
    }

    .p50 { padding: 30px; }

    .p_tb60 { padding: 30px 0; }

    .p_tb80 { padding: 30px; }

    .p_tb100 {
        padding: 40px 0;
    }

    .menu li a { padding: 10px 5px; }

    .jxw { max-width: 200px; }

    .show { margin-top: 60px; }
    .link { margin-top: 60px; }

    #in_a_box .in_gs_pic { box-shadow: -10px -10px 0 #d83c2e; }

    #in_a_box .content { margin: 0; }

    #name_box_w .row>.col {
        height: 70px;
    }

    #in_d_box .sp1 { width: 100px; left: 0; }
    #in_d_box .sp2{ width: 80px; left: 0;}

    #in_e_box ul li { height: 200px; }

    #in_f_box .x_title { margin-bottom: 50px; }

    #in_f_box .list li { margin-bottom: 20px !important; }

    #in_f_box .list li:nth-child(even) .box { margin-top: 0; }

    #in_f_box .list li .box { height: auto; padding: 10px; }

    #in_h_box .l_box { float: none !important; padding-left: 20px; }

    #in_i_box .better_list .time { margin: 10px 0; }

    #banner .swiper-pagination {
        width: 100px;
        padding: 20px;
        position: absolute;
        left: auto !important;
        right: 0%;
        top: 46% !important;
        text-align: left;
    }

    #banner .swiper-pagination .swiper-pagination-bullet {
        width: 100%;
        display: block;
        border-radius: 0;
        color: #fff;
        background: none;
        width: auto;
        font-size: 1.8rem;
        line-height: 36px;
        height: 36px;
        outline: none;
    }

    #banner .swiper-pagination-bullet:after {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 1px;
        background: #fff;
        opacity: 0.5;
        content: "";
        transition: all 0.5s;
        margin-left: 10px;
        top: -3px;
        position: relative;
    }

    #banner .swiper-pagination-bullet-active:after {
        width: 58px;
    }

    #banner .swiper-pagination-bullet-active {
        color: #000;
    }

    #banner_box .jxw {
        bottom: 20px;
    }

    #zy_banner_box { height: 450px !important; }
    #zy_banner_box .desc p { padding-left: 0; letter-spacing: 12px; margin: 0; }

    .about_a_r img { max-width: 150px; margin-top: 0 !important; }

    .page_title { margin-bottom: 10px; }

    .page_desc {
        font-size: var(--base_font);
        margin: 20px 0;
    }

    #product_a .pro_box ul li {
        height: 200px;
    }

    #picList .Pic_list_txt .t2 { height: auto; }

    #brand_a li { margin-bottom: 20px; }

    #brand_a li .box { width: 100%; padding: 20px; float: none !important; }
    #brand_a li:nth-child(2) .box { margin: 0; }
    #brand_a li dd { line-height: 24px; }

    #brand_b li { margin-bottom: 20px; }
    #brand_b li .box { height: auto; padding: 0; margin: 0 !important; }

    #brand_c li p { height: 90px; line-height: 30px; }

    #brand_d li { margin-bottom: 10px; }
    #brand_d li .box { height: auto; padding: 20px; }

    #brand_d li p { line-height: 1.8; }

    .proShow_img { margin-top: 50px; }
}

@media only screen and (min-width: 1201px) {

    #banner_box {
        height: 980px;
    }

    #banner_box #banner {
        width: 1920px;
        height: 980px !important;
        left: 50%;
        margin-left: -960px !important;
        position: absolute;
    }

    #banner .swiper-pagination {
        width: 200px;
        padding: 20px;
        position: absolute;
        left: auto !important;
        right: 0%;
        top: 46% !important;
        text-align: left;
    }

    #banner .swiper-pagination .swiper-pagination-bullet {
        width: 100%;
        display: block;
        border-radius: 0;
        color: #fff;
        background: none;
        width: auto;
        font-size: 1.8rem;
        line-height: 36px;
        height: 36px;
        outline: none;
    }

    #banner .swiper-pagination-bullet:after {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 1px;
        background: #fff;
        opacity: 0.5;
        content: "";
        transition: all 0.5s;
        margin-left: 10px;
        top: -3px;
        position: relative;
    }

    #banner .swiper-pagination-bullet-active:after {
        width: 58px;
    }

    #banner .swiper-pagination-bullet-active {
        color: #000;
    }

    #in_a_box .in_title {
        margin-bottom: 100px;
    }

    #in_a_box #num_box {
        padding-left: 90px;
    }

    .show li {
        float: none !important;
        display: inline-block;
        vertical-align: middle;
        width: auto !important;
        padding: 0 50px 0 0;
    }

    .about_a_r {
        min-height: 800px !important;
    }

    #about_b {
        max-height: 623px;
    }

    .contact_rt { padding-left: 50px; }

}